<?php include_once 'utils/message_view.php'; ?>  
<script type="text/javascript" src=" <?php echo base_url(); ?>assets/util/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/util/ckeditor/_samples/sample.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery-ui-timepicker-addon.js.js"></script>

<script type= "text/javascript">
    var pressedCtrl = false; 
    $jq(document).keydown(function (e) {
        if(e.which == 18) // ALT
            pressedCtrl = true; 
        
        //Se ALT foi clicado e a tecla N
        if(pressedCtrl == true && e.which == 78) { 
            newlivro(); 
            pressedCtrl = false;
        }
    });
    
    $jq(document).ready(function() {
        botoesEditor();
        removeRodape();
        
        //Limpa o campo input file ao clicar na class resetInputfile
        $jq(".resetInputfile").click(function(){
            $jq(this).siblings().val("");
            $jq('#fakeImagem').val("");
        });
        
        //restrinçãod, caracteres, mascaras
        $jq("#isbn").numeric({allow:"-"});
        $jq("#data_inicio, #data_fim").numeric({allow:"/,:, "});
        $jq("#edicao, #ano, #paginas, #total_venda, #sequencia, #quantidade").numeric();
        
        $jq('#hora_fim, #hora_inicio').mask('99:99');
        $jq('#telefone').mask("(099) 9999-9999");
               
        //Mascara para o valor       
        $jq("#preco_normal, #preco_especial").maskMoney({symbol:"R$",decimal:",",thousands:"."});
        
        $jq("#preco_normal").focusout(function(){
            if($jq("#preco_normal").val() == 'R$ 0,00'){
                $jq("#preco_normal").val('');
            }
        });
        
        $jq("#preco_especial").focusout(function(){
            if($jq("#preco_especial").val() == 'R$ 0,00'){
                $jq("#preco_especial").val('');
            }
        });

        //datePicker
        var d = new Date();
        //$jq('#data_inicio, #data_fim').mask('99/99/9999 99:99');
        $jq( "#data_inicio, #data_fim").datetimepicker({
            hourGrid: 4,
            minuteGrid: 10
        });
    
    
    });
        
    // Função que cria um array contendo os botoes do CKeditor
    function botoesEditor()
    {
        CKEDITOR.config.toolbar = [
            ['NewPage','DocProps','Preview','Print','-','Templates' ],
            ['Undo','Redo','Bold','Italic','Underline', 'Strike'],
            ['PasteText','Find', 'Replace','Maximize','Link','Unlink'],
            ['Image','-','Table', 'HorizontalRule'],
            ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','NumberedList','BulletedList','Outdent','Indent'],
            ['TextColor'],
            ['Source'],
        ];
        CKEDITOR.config.height = 355;
        CKEDITOR.config.width = 810;
    }
        
    // Função pra remover o rodapé do editor
    function removeRodape()
    {
        CKEDITOR.config.removePlugins = "elementspath";
        CKEDITOR.config.resize_enabled = false;
    }
    
    //validar extenção da imagem BOOK
    function validarExt() {
        if((document.formInsert.imagem.value.lastIndexOf(".jpg")==-1) &&
            (document.formInsert.imagem.value.lastIndexOf(".jpeg")==-1)){
            document.formInsert.imagem.value = "";
            alert("\nEste arquivo não possui uma extensão válida! Extensão permitida: .jpg \n\n Tente outro arquivo!");
        }
    }
    
    $jq(function() {
        /** DIALOGS **/
        //Dialog Autor
        $jq("#dialog-form-autor").dialog({
            autoOpen: false,
            height: 235,
            width: 525,
            resizable: false,
            draggable: false,
            position:  ['left',60],
            modal: true,
            show: "slide",
            hide: "slide",
            buttons: {
                "Cadastrar Autor": function() {
                    $jq('#formAutorInsert').submit();
                },
                "Cancelar": function() {
                    $jq( this ).dialog("close");
                }
            }
        });

        //Abre o dialog para inserir autor
        $jq(".newAutor").click(function() {
            prepareDialog();
            $jq("#dialog-form-autor").dialog("open");
            return false;
        });
        
        //Dialog Editora
        $jq("#dialog-form-editora").dialog({
            autoOpen: false,
            height: 365,
            width: 695,
            resizable: false,
            draggable: false,
            position:  ['left',60],
            modal: true,
            show: "slide",
            hide: "slide",
            buttons: {
                "Cadastrar Editora": function() {
                    $jq('#formEditoraInsert').submit();
                },
                "Cancelar": function() {
                    $jq(this).dialog("close");
                }
            }
        });

        //Abre o dialog para inserir editora
        $jq(".newEditora").click(function() {
            prepareDialog();
            $jq("#dialog-form-editora").dialog("open");
            return false;
        });

        //Dialog categoria
        $jq("#dialog-form-categoria").dialog({
            autoOpen: false,
            height: 405,
            width: 685,
            resizable: false,
            draggable: false,
            position:  ['left',60],
            modal: true,
            show: "slide",
            hide: "slide",
            buttons: {
                "Cadastrar Categoria": function() {
                    $jq('#formCategoriaInsert').submit();
                },
                "Cancelar": function() {
                    $jq(this).dialog("close");
                }
            }
        });
        
        //Abre o dialog para inserir categoria
        $jq(".newCategoria").click(function() {
            prepareDialog();
            $jq("#dialog-form-categoria").dialog("open");
            return false;
        });
        
    });
</script>

<script type="text/javascript">
    function lookup(inputString) {
        if(inputString.length == 0) {
            // Hide the suggestion box.
            $jq('#suggestions').hide();
        } else {
            $jq.post("http://localhost/sisbion/livro/autocomplete", {queryString: ""+inputString+""}, function(data){
                if(data.length >0) {
                    $jq('#suggestions').show();
                    $jq('#autoSuggestionsList').html(data);
                }
            });
        }
    } // lookup
    
    function fill(thisValue) {
        $jq('#inputString').val(thisValue);
        setTimeout("$jq('#suggestions').hide();", 200);
    }
</script>
<form>
    Digite o país:
    <br />
    <input type="text" size="30" name="term" value="" id="inputString" onKeyUp="lookup(this.value);" onBlur="fill();" />
        
    <div class="suggestionsBox" id="suggestions" style="display: none;">
        <div class="suggestionList" id="autoSuggestionsList">
            
        </div>
    </div>
</form>

<!--FORM para inserir novos dados-->
<div id="wrapper">
    <div id="steps">
        <?php 
            echo form_open_multipart('livro', 'id="formInsert", name="formInsert"'); 
            echo form_hidden('codigo', isset($livro->codigo));
        ?>
        <fieldset>
            <legend>Relacionados</legend>
            <p>
                <label for="autor">Autor*</label>
                <input id="codAuthor_book" name="codAuthor_book" type="hidden"/>
                <input autofocus id="autor" name="autor" type="text" placeholder="Selecione o autor do livro..." required="required" <?php  echo set_value('autor'); ?>/>
                <span class="lb-ifor">Caso o <b>Autor</b> não esteja listado adicione um novo clicando aqui: 
                    <a href="" title="Abre formulário para cadastrar um novo <b>Autor.</b>" class="newAutor">
                        <img  align="center"  src="<?php echo site_url('assets/img/add.png'); ?>" />
                    </a>
                </span>
            </p>
            <p>
                <label for="editora">Editora*</label>
                <input id="codEditora" name="codEditora" type="hidden"/>
                <input id="editora" class="auto-complete" name="editora" type="text" placeholder="Selecione a editora do livro..." required="required" <?php  echo set_value('editora'); ?>/>
                <span class="lb-ifor">Caso a <b>Editora</b> não esteja listada adicione uma nova clicando aqui: 
                    <a href="" title="Abre formulário para cadastrar uma nova <b>Editora.</b>" class="newEditora">
                        <img  align="center" src="<?php echo site_url('assets/img/add.png'); ?>" />
                    </a>
                </span>
            </p>
            <p>
                <label for="tipo">Categoria*</label>
                <input id="codCategoria" name="codCategoria" type="hidden"/>
                <input id="categoria" class="auto-complete" name="categoria" type="text" placeholder="Selecione as categorias do livro. Separadas por vírgula. Ex.: categoria1, categoria2, categoria3..." required="required"/>
                <span class="lb-ifor">Caso a <b>Categoria</b> não esteja listada adicione uma nova clicando aqui: 
                    <a href="" title="Abre formulário para cadastrar uma nova <b>Categoria.</b>" class="newCategoria">
                        <img  align="center" src="<?php echo site_url('assets/img/add.png'); ?>" />
                    </a>
                </span>
            </p>
        </fieldset>
        <fieldset>
            <legend>Informações gerais 01</legend>
            <p> 
                <label for="isbn" >ISBN*</label>
                <input id="isbn" name="isbn" type="text" placeholder="Apenas números e -" required="required" />
            </p>

            <p> 
                <label for="titulo">Título*</label>
                <input id="titulo" name="titulo"  type="text" placeholder="Título do livro" required="required"/>
            </p>

            <p> 
                <label for="subtitulo">Subtítulo</label>
                <input id="subtitulo" name="subtitulo"  type="text" placeholder="Subtítulo do livro"/>
            </p>

            <p>
                <label for="tituloOri">Título Original</label>
                <input id="titulo_original" name="titulo_original" type="text" placeholder="Título original"/>
            </p>
        </fieldset>
        <fieldset>
            <legend>Informações gerais 02</legend>
            <p> 
                <label for="edicao">Edição</label>
                <input id="edicao"  name="edicao"  type="text" placeholder="Apenas números"/>
            </p>

            <p>
                <label>Ano</label>
                <input id="ano" name="ano" maxlength="4" type="text" placeholder="Ano da publicação. Apenas números"/> 
            </p>

            <p> 
                <label for="pagina">Tot. Páginas*</label>
                <input id="paginas" name="paginas" type="text"  placeholder="Total de páginas. Apenas números"  required="required"/>
            </p>

            <p>
                <label for="localizacao">Localização</label>
                <input id="localizacao" name="localizacao"   type="text"placeholder="Prateleira onde o livro se encontra"/>
            </p>
            <p>
                <span class="selInputFile">
                    <label for="imagem">Imagem</label>
                    <span>
                        <input type="text" placeholder="Clique aqui para inserir a imagem do Livro" name="fakeImagem" id="fakeImagem" /><!-- este e somente para aparecer o nome do arquivo para o usuario -->
                        <input type="file" id="imagem"  name="imagem" onchange="validarExt(), this.form.fakeImagem.value = this.value;"/>
                    </span>

                    <a style="float: right; position: relative; top: -15px; right: -15px;" class="resetInputfile" title="Remover a imagem.</b>">
                        <img class="bt" align="center" src="<?php echo site_url('assets/img/delete.png'); ?>" />
                    </a>
                    <span class="lb-ifor" style="position: relative; right: -20px;">
                        Só é possível inserir imagem no formato <b>JPG</b>.
                    </span>
                </span>
                <?php $img = false;
                if ($img == true): ?>
                    <span  style="clear: both; position: relative; float: left; top: -35px; margin-bottom: -40px;" >
                        <a>
                            <img class="bt" src="" align="center" width="56" height="70" src="" />
                        </a>
                    </span>   
                <?php endif; ?>
            </p>
        </fieldset>
        <fieldset>
            <legend>Descrição/Sinopse</legend>
            <p>
                <textarea class="ckeditor" id="descricao" name="descricao" placeholder="Escreva a descrição/sinopse/resenha do livro"></textarea>
            </p>
        </fieldset>
        <fieldset>
            <legend>Empréstimo</legend>
            <p>
                <label for="total">Quantidade</label>
                <input type="text" id="quantidade"  name="quantidade" placeholder="Total em estoque. Apenas números"  required="required" />
            </p>
            <p>
                <span class="title-alert">atenção!</span><br />
                <span>
                    Aqui você tem duas opções:<br />
                    <b>SIM >></b> Nessa opção o item cadastrado ficará dsponível para todos os usuários poderem visualizar e obter emprestimos.<br />
                    <b>NÃO >></b> Nessa opção o item cadastrado não ficará disponível para os usuários obterem empréstimos.
                </span>
            </p>
            <p>
                <label for="diponivel" style="width: 200px;">
                    Disponível para empréstimos?
                </label>
                <span style="float: left; clear: both; margin-top: 5px;">
                    <label><input name="status_emprestimo" id="status_emprestimo1" checked type="radio" value="1" onchange="javascript:$jq('.motivo').hide()"/>SIM</label>
                    <label><input name="status_emprestimo" id="status_emprestimo0"  type="radio" value="0" onchange="javascript:$jq('.motivo').show(); $jq('#motivo').focus(); "/>NÃO</label>
                </span> 
            </p>
            <p class="motivo" style="display: none; clear: both;">
                <span>
                    <label>Motivo*</label>
                    <textarea name="motivo" id="motivo" style="height: 80px;"></textarea>
                </span>
            </p>
        </fieldset>
        <fieldset>
            <legend>Venda/Preços</legend>
            <p>
                <label for="diponivel">Deseja ativar o item para venda?</label>
                <span style="float: left; clear: both; margin-top: 5px;">
                    <label><input name="status_venda" id="status_venda1"  type="radio" value="1"  onchange="javascript:$jq('.ativo_venda').show(); $jq('#total_venda').focus(); "/>SIM</label>
                    <label><input name="status_venda" id="status_venda0" checked type="radio" value="0" onchange="javascript:$jq('.ativo_venda').hide()"/>NÃO</label>
                </span> 
            </p>
            <fieldset class="ativo_venda" style="display: none;">
                <p>
                    <label for="pagina">Tot. disponível*</label>
                    <input id="total_venda" name="total_venda" type="text" placeholder="Total disponível para venda. Apenas números"/>
                </p>
                <p>
                    <label for="pagina">Preço normal*</label>
                    <input id="preco_normal" name="preco_normal"  type="text" placeholder="Valor unitário do livro. Apenas números"/>
                </p>
                <p>
                    <label for="pagina">Preço especial</label>
                    <input id="preco_especial" name="preco_especial"  type="text" placeholder="Preço promocional. Apenas números" />
                </p>
                <p>
                    <label for="pagina">Início especial</label>
                    <input style="width: 50%" id="data_inicio" name="data_inicio"  type="text" placeholder="Data e hora inicial do preço especial. Ex: XX/XX/XXXX 00:00"/>
                </p>
                <p>
                    <label for="pagina">Fim especial</label>
                    <input style="width: 50%"  id="data_fim" name="data_fim"  type="text" placeholder="Data e hora final do preço especial. Ex: XX/XX/XXXX 00:00"/>
                </p>
             </fieldset>
        </fieldset>
        <fieldset>
            <legend>Finalização</legend>
            <p>
                <span class="title-alert" style="font-size: 1.40em;	">ATENÇÃO</span><br />
                Certifique-se que todos os campos marcados com * foram preenchidos devidamente antes de clicar em cadastrar. 
            </p>
            <p class="submit" style="margin: 10px 25px;">
                <button id="registerButton" type="submit" title="Clique para cadastrar o livro">Cadastrar livro</button>
            </p>
        </fieldset>
        </form>
    </div>
</div>

<!--FORM INSERT AUTOR-->
<div id="dialog-form-autor">
    <div class="form-geral">
<?php echo form_open('livro/cadastrarAutor', 'id="formAutorInsert"') ?>
        <legend>Cadastrar um novo Autor...</legend>
        <fieldset>
            <p>
                <label for="nome">Nome*</label>
                <input name="nome" type="text" placeholder="Nome do autor" />
            </p>
        </fieldset>
<?php echo form_close(); ?>
    </div>
</div>

FORM para inserir novos dados
<div id="dialog-form-editora">
    <div class="form-geral">
<?php echo form_open('livro/cadastrarEditora', 'id="formEditoraInsert"') ?>
        <legend>Cadastrar uma nova Editora...</legend>
        <fieldset>
            <p>
                <label for="nome">Nome*</label>
                <input name="nome" type="text" placeholder="Nome da editora" />
            </p>
            <p>
                <span style="float: left; width: 30%;"> 
                    <label for="telefone">Telefone</label>
                    <input name="telefone" id="telefone" type="text" placeholder="Telefone de contato" />
                </span>

                <span style="float:right;  width: 60%; "> 
                    <label for="email">E-Mail</label>
                    <input name="email" type="text" placeholder="E-Mail de contato"  />
                </span>
            </p>
            <p style="clear: left;">
                <label for="site">Site</label>
                <input name="site" id="site" type="text" placeholder="Web página da editora. Ex.: wwww.editora.com.br" />
            </p>
        </fieldset>
<?php echo form_close(); ?>
    </div>
</div>

FORM para inserir novos dados
<div id="dialog-form-categoria">
    <div class="form-geral">
<?php echo form_open('livro/cadastrarCategoria', 'id="formCategoriaInsert"') ?>
        <legend>Cadastrar uma nova Categoria...</legend>
        <fieldset>
            <p>
                <label for="nome">Nome*</label>
                <input name="nome" type="text" placeholder="Nome da categoria" />
            </p>
            <p>
                <label for="descricao">Descrição</label>
                <textarea name="descricao" placeholder="Descrição da categoria" style="height: 45px;"></textarea>
            </p>
            <p>
                <span style="float: left; width: 30%;"> 
                    <label for="sequecia">Sequência*</label>
                    <input name="sequencia" id="sequencia" type="text" placeholder="Apenas números" />
                </span>

                <label for="ativo" style="margin-left: 90px;">Ativo?*</label>
            </p>
            <p style="float:left; margin: 18px -62px;"> 
                <label><input name="status" checked="" type="radio" value="1" class="radio"/>SIM</label>
                <label><input name="status" type="radio" value="0" class="radio">NÃO</label>
            </p>
        </fieldset>
<?php echo form_close(); ?>
    </div>
</div>